<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width:100px;
				height:30px;
				                                /*渐变方向可以是关键字*/
				/*background: -webkit-linear-gradient(left top,yellow,blue,red,green);*/
				                                /*渐变方向也可以是角度*/
				/*background: -webkit-linear-gradient(60deg,red,blue,yellow);*/
				
				/*background:linear-gradient(black 0px,red 50px,blue 170px,green 280px);*/
							/*重复渐变范围*/
				/*background:repeating-linear-gradient(purple 0px,red 10px,blue 20px,green 30px);*/
				
				background: -webkit-repeating-linear-gradient(top left,white 0px,white 10px,green 10px,green 20px);
				border:1px solid black;
				border-radius: 8px;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>
